<%@ page import="bean.Cinema" %>
<%@ page import="service.impl.CinemaServiceImpl" %>
<%@ page import="java.util.List" %>
<%@ page import="bean.Movie" %>
<%@ page import="service.impl.MovieServiceImpl" %>
<%@ page import="dao.impl.ScreeningScheduleDaoImpl" %>
<%@ page import="service.VideoHallService" %>
<%@ page import="service.impl.VideoHallServiceImpl" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Peter Zhou
 
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
    <title>添加放映安排表单</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
</head>
<%
    CinemaServiceImpl cinemaService = new CinemaServiceImpl();
    MovieServiceImpl movieService = new MovieServiceImpl();
    Cinema selectedcinema =(Cinema) request.getSession().getAttribute("cinema");
    List<Cinema> cinemaList =  cinemaService.getAllCinema();
    List<Movie> movieList = movieService.getAllMovie();
    VideoHallService videoHallService = new VideoHallServiceImpl();
%>
<body>
<div class="container-fluid mt-3 d-flex ">
    <div class="m-auto  w-25 card   d-flex  bg-light">

        <div class="card-img m-auto d-flex"><img class="m-auto img-thumbnail " src="../img/ui/play.png" width="50px" height="50px"></div>
        <div class="card-title m-auto d-flex ">放映安排添加</div>
        <div class="card-footer m-auto ">
            <form id="addProductForm" method="post" class="m-auto" action="add_screeningSchedule">
                <div>
                    <label class="d-flex">电影名:</label>
                    <select id="movieId" name="movieId">
                        <%for (Movie movie : movieList){%>
                        <option value="<%=movie.getId()%>"><%=movie.getName()%></option>
                        <%}%>
                    </select>
                </div>
                <div>
                    <label class="d-flex">影院:</label>
                    <%if(selectedcinema == null){%>
                    <select id="cinemaId" name="cinemaId">
                        <%for (Cinema cinema: cinemaList){%>
                        <OPTION value="<%=cinema.getId()%>"><%=cinema.getName()%></OPTION>
                        <%}}else {%>
                            <select id="cinemaId" name="cinemaId">
                                <option value="<%=selectedcinema.getId()%>"><%=selectedcinema.getName()%></option>
                                <%for (Cinema cinema: cinemaList){%>
                                <OPTION value="<%=cinema.getId()%>"><%=cinema.getName()%></OPTION><%}%>
                    </select>
                        <%}%>
                </div>
                <div>
                    <label class="d-flex">放映厅:</label>
                    <select id="videoHallId" name="videoHallId">
                        <c:forEach var="videoHall" items="${videoHallList}" >
                            <option value="${videoHall.getId()}">${videoHall.getName()}</option>
                        </c:forEach>
                    </select>
                </div>
                <div>
                    <label class="d-flex">开始时间:</label>
                    <input type="datetime-local" id="startTime" name="startTime">
                </div>
                <div>
                    <label class="d-flex">结束时间:</label>
                    <input type="datetime-local" id="endTime" name="endTime" >
                </div>
<%--                <div>--%>
<%--                    <label class="d-flex">建议价格:</label>--%>
<%--                    <input type="text"  id="price" name="price">--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <label class="d-flex">座位数:</label>--%>
<%--                    <input type="text"  id="seatNum" name="seatNum" value="64">--%>
<%--                </div>--%>
                <div class="mt-3">
                    <button class="btn btn-primary" type="submit" >立刻上传</button>
                    <a class="btn btn-secondary" href="aindex.jsp">返回首页</a>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        var cinemaSelect = document.getElementById('cinemaId');

        cinemaSelect.addEventListener('change', function() {
            if (this.value) {
                // 电影院已被选中，执行你的逻辑
                var xhr = new XMLHttpRequest();
                xhr.open("POST", "get_cinemaId", true); // 确保这里的 "get_movie" 是您Servlet的正确映射路径
                xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                xhr.onreadystatechange = function () {
                    // ... 省略了之前的 readyState 检查 ...
                    if (xhr.readyState === 4) {
                        if (xhr.status === 200) { // 检查响应状态码是否为200（成功）
                            console.log("请求已完成,且响应已就绪");
                            location.reload();
                            // 这里可以处理服务器的响应，或者进行页面刷新等操作
                            // 例如，您可能想要更新页面的某个部分，而不是整个页面刷新
                            // 如果确实需要页面刷新或跳转到另一个页面，可以在这里设置 window.location
                        } else {
                            console.error("请求失败，状态码：" + xhr.status);
                        }
                    }
                };
                xhr.send("cinemaId="+ this.value); // 发送数据到服务器
                console.log('电影院已选中:', this.value);
            } else {
                // 没有电影院被选中，执行你的逻辑
                console.log('没有电影院被选中');
                // 你可以在这里添加代码来处理没有选中任何电影院的情况
                // 例如，你可以将第一个电影院设置为默认选中
                if (this.options.length > 0) {
                    this.options[0].selected = true;
                }
            }
        });

        // 检查页面加载时是否有电影院被选中
        // 如果没有，你可以在这里添加代码来默认选中一个
        if (!cinemaSelect.value) {
            // 默认选中第一个电影院（如果列表不为空）
            if (cinemaSelect.options.length > 0) {
                cinemaSelect.options[0].selected = true;
                console.log('页面加载时默认选中了第一个电影院');
            }
        }
    });

    </script>
</html>
